<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>家用电器</title>
    <!-- 侧边栏的css样式 -->
    <link rel="stylesheet" href="../css/aside.css" />
    <link rel="stylesheet" href="../font/iconfont.css" />
    <!-- 家用电器的轮播图css样式 -->
    <link rel="stylesheet" href="../css/jiayongdianqilunbotu.css" />
    <!-- 家用电器的css样式 -->
    <link rel="stylesheet" href="../css/jiayongdianqi.css" />
    <!-- 头部的css文件 -->
    <!-- <link rel="stylesheet" href="../font/header-font/iconfont.css"> -->
    <!-- 底部注解区域的css -->
    <link rel="stylesheet" href="../css/footer.css" />
    <link rel="shortcut icon" href="https://x.dscmall.cn/favicon.ico" />
  </head>
  <body>
    <header>
      <div class="header-nav">
        <div class="header-site-nav">
          <div class="header-main">
            <!-- 地区块 -->
            <div class="header-f1">
              <div class="header-city-check">
                <div class="header-f1-city">
                  <i>
                    <img
                      src="../img/header-img/city-address.png"
                      alt=""
                      width="25px"
                      height="26px"
                    />
                  </i>
                  <span class="header-address">郑州市</span>
                </div>
                <div class="header-city-mask"></div>
                <div class="header-address-choose"></div>
              </div>
              <div class="header-f1-tetx-info">
                <a href="denglu.html" class="header-a-red">请登录</a>
                <a href="register.html">免费注册</a>
              </div>
            </div>
            <!-- 头部右侧导航 -->
            <ul>
              <li>
                <div>
                  <a href="#">我的订单</a>
                </div>
              </li>
              <li>
                <div>
                  <a href="#">我的浏览</a>
                </div>
              </li>
              <li>
                <div>
                  <a href="#">我的收藏</a>
                </div>
              </li>
              <li>
                <div>
                  <a href="#">客户服务</a>
                </div>
              </li>
              <li class="header-list-last">
                <div>
                  <a href="#"
                    >网站导航
                    <i class="iconfont icon-xiala"></i>
                  </a>
                </div>
                <div class="header-list-mask"></div>
                <div class="header-list-last-div">
                  <div class="header-list-last-div-l">
                    <dl>
                      <dt>特色主题</dt>
                      <dd>
                        <div>
                          <a href="jiayongdianqi.html">家用电器</a>
                        </div>
                        <div>
                          <a href="fuzhuang.html">男装女装</a>
                        </div>
                        <div>
                          <a href="xxxb.html">鞋靴箱包</a>
                        </div>
                      </dd>
                    </dl>
                  </div>
                  <div class="header-list-last-div-r">
                    <dl>
                      <dt>促销活动</dt>
                      <dd>
                        <div>
                          <a href="#">拍卖活动</a>
                        </div>
                        <div>
                          <a href="#">共创商品</a>
                        </div>
                        <div>
                          <a href="#">积分商城</a>
                        </div>
                        <div>
                          <a href="#">CMS频道</a>
                        </div>
                        <div>
                          <a href="#">优惠活动</a>
                        </div>
                        <div>
                          <a href="#">超值礼包</a>
                        </div>
                        <div>
                          <a href="#">优惠券</a>
                        </div>
                        <div>
                          <a href="#">礼品卡</a>
                        </div>
                        <div>
                          <a href="#">预售商品</a>
                        </div>
                      </dd>
                    </dl>
                  </div>
                </div>
              </li>
            </ul>
          </div>
        </div>
      </div>
      <!-- 查询部分 -->
      <div class="header-w">
        <div class="header-logo">
          <a href="#">
            <img
              src="../img/header-img/shop_logo.gif"
              alt=""
              width="159px"
              height="57px"
            />
          </a>
        </div>
        <div class="header-search">
          <div class="header-search-input">
            <form action="post">
              <input type="text" placeholder="内衣" />
              <button class="header-search-for">搜商品</button>
              <button class="header-search-need">搜店铺</button>
            </form>
          </div>
          <ul>
            <li>
              <a href="#">周大福</a>
            </li>
            <li>
              <a href="#">内衣</a>
            </li>
            <li>
              <a href="#">Five Plus</a>
            </li>
            <li>
              <a href="#">手机</a>
            </li>
          </ul>
        </div>
        <div class="header-mycart">
          <div class="header-mycart-con">
            <a href="gouwuche.html">
              <i class="iconfont icon-gouwuchekong"></i>
              <span>我的购物车</span>
              <p>0</p>
            </a>
          </div>
          <div class="header-mycart-mask"></div>
          <div class="header-mycart-buy">
            <div>
              <b></b>
              <span>购物车中还没有商品，赶紧选购吧</span>
            </div>
          </div>
        </div>
      </div>
      <!-- 商品分类导航 -->
      <div class="header-nav-list">
        <main>
          <div class="header-com-goods">全部商品分类</div>
          <!--自行修改当前页面的分类  -->
          <!-- 记得加自己页面下的a标签加 class  header-nav-active -->
          <ul>
            <li>
              <a href="../index.html">首页</a>
            </li>
            <li>
              <a href="gehumeizhuang">个户美妆</a>
            </li>
            <li>
              <a href="fuzhuang.html">服装城</a>
            </li>
            <li>
              <a href="jiayongdianqi.html" class="header-nav-active"
                 style="color: #F42424;">家用电器</a
              >
            </li>
            <li>
              <a href="xxxb.html">鞋靴箱包</a>
            </li>
            <li>
              <a href="juhuasuan.html">聚划算</a>
            </li>
            <li>
              <a href="yushou.html">预售</a>
            </li>
            <li>
              <a href="dianpujie.html">店铺街</a>
            </li>
            <li>
              <a href="pinpaizhuanqu.html">品牌专区</a>
            </li>
            <li>
              <a href="announcement.html">公告</a>
            </li>
          </ul>
        </main>
      </div>
    </header>
    <aside>
      <div class="aside">
        <div class="aside_up">
          <ul>
            <li class="aside_up_li">
              <a href=""><i class="setting"></i></a>
              <div class="status_login">
                <div class="avatar_box">
                  <p class="avatar_imgbox">
                    <img
                      src="https://x.dscmall.cn/themes/ecmoban_dsc2017/images/touxiang.jpg"
                      width="100"
                      height="100"
                    />
                  </p>
                  <ul class="user_info">
                    <li>用户名：暂无</li>
                    <li>级别：暂无</li>
                  </ul>
                </div>
                <div class="login_btn">
                  <a href="" class="dingdan">我的订单</a>
                  <a href="" class="shoucang">我的收藏</a>
                </div>
                <span class="iconfont icon-triangle24"></span>
              </div>
            </li>
            <li class="shopcart">
              <a href="javascript:void(0)">
                <i class="message"></i>
                <div class="span">购物车</div>
                <span class="cart_num">0</span>
              </a>
            </li>
            <li class="aside_lis">
              <a href="" class="a_l_tuubiao"><i class="chongzhi"></i></a>
              <div class="myOrder">
                <span style="font-size: 12px; cursor: pointer">我的订单</span>
                <span class="iconfont icon-triangle24 iconmy"></span>
              </div>
            </li>
            <li class="aside_lis">
              <a href="" class="a_l_tuubiao"><i class="yhq"></i></a>
              <div class="myOrder">
                <span style="font-size: 12px; cursor: pointer">优惠券</span>
                <span class="iconfont icon-triangle24 iconmy"></span>
              </div>
            </li>
            <li class="aside_lis">
              <a href="" class="a_l_tuubiao"><i class="view"></i></a>
              <div class="myOrder">
                <span style="font-size: 12px; cursor: pointer">我的资产</span>
                <span class="iconfont icon-triangle24 iconmy"></span>
              </div>
            </li>
            <li class="aside_lis">
              <a href="" class="a_l_tuubiao"><i class="zuji"></i></a>
              <div class="myOrder">
                <span style="font-size: 12px; cursor: pointer">我的足迹</span>
                <span class="iconfont icon-triangle24 iconmy"></span>
              </div>
            </li>
            <li class="aside_lis">
              <a href="" class="a_l_tuubiao"><i class="wdsc"></i></a>
              <div class="myOrder">
                <span style="font-size: 12px; cursor: pointer">我的收藏</span>
                <span class="iconfont icon-triangle24 iconmy"></span>
              </div>
            </li>
            <li class="aside_lis">
              <a href="" class="a_l_tuubiao"><i class="email"></i></a>
              <div class="myOrder">
                <span style="font-size: 12px; cursor: pointer">邮箱订阅</span>
                <span class="iconfont icon-triangle24 iconmy"></span>
              </div>
            </li>
          </ul>
        </div>
        <div class="aside_dn">
          <ul>
            <li class="aside_lis">
              <a href="" class="a_l_tuubiao"><i class="kfzx"></i></a>
              <div class="myOrder">
                <span style="font-size: 12px; cursor: pointer">客服中心</span>
                <span class="iconfont icon-triangle24 iconmy"></span>
              </div>
            </li>
            <li class="returnTop aside_lis">
              <a href=""><i class="top"></i></a>
            </li>
          </ul>
        </div>
      </div>
    </aside>
    <div class="aside_shop">
      <a href="javascript:void(0)" class="qx" title="关闭"></a>
      <div class="aside_shop_tit">
        <h3>购物车</h3>
      </div>
      <div class="aside_cont">
        <section class="aside_cont_up">
          <div class="kong">
            <b></b>
            <div class="kong_tit">
              购物车空空的，赶快去挑选心仪的商品吧~<br />
              <a href="">去首页看看</a>
            </div>
          </div>
        </section>
        <section class="aside_cont_dn">
          <div class="jiesuan">
            <span>共<span> 0 </span>件商品</span>
            <span>￥0.00</span>
          </div>
          <a href="">去购物车结算</a>
        </section>
      </div>
    </div>
    <!-- 第一部分轮播图加侧边介绍栏 -->
    <div id="slider">
      <div class="mulu">
        <div class="mulu1">
          <div class="mulu1l">
            <strong>厨房电器</strong><br />
            <span>电饭煲&nbsp;&nbsp;电压力锅&nbsp;&nbsp;豆浆机</span>
          </div>
          <div class="mulu1r">
            <div class="mulu1r1">
              <h3>厨房电器</h3>
              <ul>
                <li>电饭煲</li>
                <li>电压力锅</li>
                <li>豆浆机</li>
                <li>面包机</li>
                <li>咖啡机</li>
                <li>微波炉</li>
                <li>料理/榨汁机</li>
                <li>电烤箱</li>
                <li>电磁炉</li>
              </ul>
            </div>
          </div>
        </div>
        <div class="mulu2">
          <div class="mulu1l">
            <strong>大家电</strong><br />
            <span>平板电脑&nbsp;&nbsp;空调&nbsp;&nbsp;冰箱</span>
          </div>
          <div class="mulu1r">
            <div class="mulu1r1">
              <h3>大家电</h3>
              <ul>
                <li>平板电视</li>
                <li>空调</li>
                <li>冰箱</li>
                <li>洗衣机</li>
                <li>家庭影院</li>
                <li>DVD</li>
                <li>迷你音响</li>
                <li>热水器</li>
                <li>冷吧/冰柜</li>
              </ul>
            </div>
            <div class="mulu1r1r">
              <img src="../img/j-006.jpg" alt="" />
            </div>
          </div>
        </div>
        <div class="mulu3">
          <div class="mulu1l">
            <strong>个护健康</strong><br />
            <span>按摩椅&nbsp;&nbsp;剃须刀&nbsp;&nbsp;脱毛器</span>
          </div>
          <div class="mulu1r">
            <div class="mulu1r1">
              <h3>个护健康</h3>
              <ul>
                <li>按摩椅</li>
                <li>剃须刀</li>
                <li>脱毛器</li>
                <li>口腔护理</li>
                <li>理发器</li>
                <li>按摩器</li>
                <li>足浴盆</li>
              </ul>
            </div>
          </div>
        </div>
        <div class="mulu4">
          <div class="mulu1l">
            <strong>五金家装</strong><br />
            <span>电动工具&nbsp;&nbsp;仪表&nbsp;&nbsp;水槽</span>
          </div>
          <div class="mulu1r">
            <div class="mulu1r1">
              <h3>五金家电</h3>
              <ul>
                <li>电动工具</li>
                <li>仪表</li>
                <li>水槽</li>
              </ul>
            </div>
          </div>
        </div>
        <div class="mulu5">
          <div class="mulu1l">
            <strong>生活电器</strong><br />
            <span>电风扇&nbsp;&nbsp;冷风扇&nbsp;&nbsp;净化器</span>
          </div>
          <div class="mulu1r">
            <div class="mulu1r1">
              <h3>生活电器</h3>
              <ul>
                <li>电风扇</li>
                <li>冷风扇</li>
                <li>净化器</li>
                <li>加湿器</li>
                <li>扫地机器人</li>
                <li>吸尘器</li>
                <li>电话机</li>
                <li>饮水机</li>
                <li>取暖电器</li>
              </ul>
            </div>
          </div>
        </div>
      </div>
      <!-- 轮播图上右侧定位图片 -->
      <div class="mulu1r1rr">
        <img src="../img/j-007.jpg" alt="" />
      </div>
    </div>
    <!-- 第二部分热门推荐区域 -->
    <div class="remenz" id="top1">
      <div class="remen">
        <h2>热门推荐</h2>
        <div class="remenr">
          <ul>
            <li class="remenr1">新品首发</li>
            <li class="remenr2">热销排行</li>
            <li class="remenr3">精品推荐</li>
            <li class="remenr4">今日特价</li>
          </ul>
        </div>
      </div>
      <div class="remenb">
        <ul></ul>
      </div>
    </div>
    <!-- 第三部分品牌旗舰区域 -->
    <div class="pinpai floor" id="top2">
      <div class="pinpai1">
        <h2>品牌旗舰</h2>
      </div>
      <div class="pinpai2">
        <div class="pinpai3">
          <a href=""
            ><img src="../img/j-014.jpg" width="350px" height="300px" alt=""
          /></a>
        </div>
        <div class="pinpai4">
          <div>
            <a href=""
              ><img src="../img/j-015.jpg" width="400px" height="150px" alt=""
            /></a>
          </div>
          <div>
            <a href=""
              ><img src="../img/j-016.jpg" width="400px" height="150px" alt=""
            /></a>
          </div>
        </div>
        <div class="pinpai5">
          <ul>
            <li>
              <a href=""
                ><img src="../img/j-017.jpg" width="148px" height="65px" alt=""
              /></a>
            </li>
            <li>
              <a href=""
                ><img src="../img/j-018.jpg" width="148px" height="65px" alt=""
              /></a>
            </li>
            <li>
              <a href=""
                ><img src="../img/j-019.jpg" width="148px" height="65px" alt=""
              /></a>
            </li>
            <li>
              <a href=""
                ><img src="../img/j-020.jpg" width="148px" height="65px" alt=""
              /></a>
            </li>
            <li>
              <a href=""
                ><img src="../img/j-021.jpg" width="148px" height="65px" alt=""
              /></a>
            </li>
            <li>
              <a href=""
                ><img src="../img/j-022.jpg" width="148px" height="65px" alt=""
              /></a>
            </li>
            <li>
              <a href=""
                ><img src="../img/j-023.jpg" width="148px" height="65px" alt=""
              /></a>
            </li>
            <li>
              <a href=""
                ><img src="../img/j-024.jpg" width="148px" height="65px" alt=""
              /></a>
            </li>
            <li>
              <a href=""
                ><img src="../img/j-025.jpg" width="148px" height="65px" alt=""
              /></a>
            </li>
            <li>
              <a href=""
                ><img src="../img/j-026.jpg" width="148px" height="65px" alt=""
              /></a>
            </li>
            <li>
              <a href=""
                ><img src="../img/j-027.jpg" width="148px" height="65px" alt=""
              /></a>
            </li>
            <li>
              <a href=""
                ><img src="../img/j-028.jpg" width="148px" height="65px" alt=""
              /></a>
            </li>
          </ul>
        </div>
      </div>
    </div>
    <!-- 第四部分厨房电器区域 -->
    <div class="chufang floor" id="top3">
      <div class="chufang1">
        <h2>厨房电器</h2>
        <div class="chufang2">
          <ul>
            <li class="chufang3">电饭煲</li>
            <li class="chufang4">电压力锅</li>
            <li class="chufang5">豆浆机</li>
            <li class="chufang6">面包机</li>
            <li class="chufang7">咖啡机</li>
          </ul>
        </div>
      </div>
      <div class="chufang8">
        <div class="chufang9">
          <div class="chufang10">
            <a href="">
              <img src="../img/j-029.png" width="280px" height="460px" alt=""
            /></a>
          </div>
          <div class="chufang11">
            <ul>
              <li>
                <a href="">电饭煲</a>
              </li>
              <li>
                <a href="">电压力锅</a>
              </li>
              <li>
                <a href="">豆浆机</a>
              </li>
              <li>
                <a href="">面包机</a>
              </li>
              <li>
                <a href="">咖啡机</a>
              </li>
              <li>
                <a href="">微波炉</a>
              </li>
            </ul>
          </div>
        </div>
        <div class="chufang12">
          <ul class="chufang30"></ul>
          <ul class="chufang31" style="display: none"></ul>
          <ul class="chufang32" style="display: none"></ul>
          <ul class="chufang33" style="display: none"></ul>
          <ul class="chufang34" style="display: none"></ul>
        </div>
        <ul class="chufang26">
          <li><img src="../img/j-037.jpg" alt="" /></li>
          <li><img src="../img/j-038.jpg" alt="" /></li>
          <li><img src="../img/j-039.jpg" alt="" /></li>
          <li><img src="../img/j-040.jpg" alt="" /></li>
          <li><img src="../img/j-041.jpg" alt="" /></li>
          <li><img src="../img/j-042.jpg" alt="" /></li>
          <li><img src="../img/j-043.jpg" alt="" /></li>
          <li><img src="../img/j-044.jpg" alt="" /></li>
        </ul>
        <div class="chufang27">
          <img src="../img/j-045.jpg" width="1200px" height="100px" alt="" />
        </div>
      </div>
    </div>

    <!-- 第五部分大家电区域 -->
    <div class="dajiadian floor" id="top4">
      <div class="dajiadian1">
        <h2>大家电</h2>
        <div class="dajiadian2">
          <ul>
            <li class="dajiadian3">平板电视</li>
            <li class="dajiadian4">空调</li>
            <li class="dajiadian5">冰箱</li>
            <li class="dajiadian6">洗衣机</li>
            <li class="dajiadian7">家庭影院</li>
          </ul>
        </div>
      </div>
      <div class="dajiadian8">
        <div class="dajiadian9">
          <div class="dajiadian10">
            <a href=""
              ><img src="../img/j-046.jpg" width="280px" height="460px" alt=""
            /></a>
          </div>
          <div class="dajiadian11">
            <ul>
              <li>
                <a href="">平板电视</a>
              </li>
              <li>
                <a href="">空调</a>
              </li>
              <li>
                <a href="">冰箱</a>
              </li>
              <li>
                <a href="">洗衣机</a>
              </li>
              <li>
                <a href="">家庭影院</a>
              </li>
              <li>
                <a href="">DVD</a>
              </li>
            </ul>
          </div>
        </div>
        <div class="dajiadian12">
          <ul class="dajiadian30"></ul>
          <ul class="dajiadian31" style="display: none"></ul>
          <ul class="dajiadian32" style="display: none"></ul>
          <ul class="dajiadian33" style="display: none"></ul>
          <ul class="dajiadian34" style="display: none"></ul>
        </div>
        <ul class="dajiadian26">
          <li><img src="../img/j-053.jpg" alt="" /></li>
          <li><img src="../img/j-054.jpg" alt="" /></li>
          <li><img src="../img/j-055.jpg" alt="" /></li>
          <li><img src="../img/j-056.jpg" alt="" /></li>
          <li><img src="../img/j-057.jpg" alt="" /></li>
          <li><img src="../img/j-058.jpg" alt="" /></li>
          <li><img src="../img/j-059.jpg" alt="" /></li>
          <li><img src="../img/j-060.jpg" alt="" /></li>
        </ul>
        <div class="dajiadian27">
          <img src="../img/j-061.png" width="1200px" height="100px" alt="" />
        </div>
      </div>
    </div>
    <!-- 第六部分个护健康区域 -->
    <div class="gehujiankang floor" id="top5">
      <div class="gehujiankang1">
        <h2>个护健康</h2>
        <div class="gehujiankang2">
          <ul>
            <li class="gehujiankang3">按摩椅</li>
            <li class="gehujiankang4">剃须刀</li>
            <li class="gehujiankang5">脱毛器</li>
            <li class="gehujiankang6">口腔护理</li>
            <li class="gehujiankang7">理发器</li>
          </ul>
        </div>
      </div>
      <div class="gehujiankang8">
        <div class="gehujiankang9">
          <div class="gehujiankang10">
            <a href=""
              ><img src="../img/j-062.png" width="280px" height="460px" alt=""
            /></a>
          </div>
          <div class="gehujiankang11">
            <ul>
              <li>
                <a href="">按摩椅</a>
              </li>
              <li>
                <a href="">剃须刀</a>
              </li>
              <li>
                <a href="">脱毛器</a>
              </li>
              <li>
                <a href="">口腔护理</a>
              </li>
              <li>
                <a href="">理发器</a>
              </li>
              <li>
                <a href="">按摩器</a>
              </li>
            </ul>
          </div>
        </div>
        <div class="gehujiankang12">
          <ul class="gehujiankang30"></ul>
          <ul class="gehujiankang31" style="display: none"></ul>
          <ul class="gehujiankang32" style="display: none"></ul>
          <ul class="gehujiankang33" style="display: none"></ul>
          <ul class="gehujiankang34" style="display: none"></ul>
        </div>
        <ul class="gehujiankang26">
          <li><img src="../img/j-070.jpg" alt="" /></li>
          <li><img src="../img/j-071.jpg" alt="" /></li>
          <li><img src="../img/j-072.jpg" alt="" /></li>
          <li><img src="../img/j-073.jpg" alt="" /></li>
          <li><img src="../img/j-074.jpg" alt="" /></li>
          <li><img src="../img/j-075.jpg" alt="" /></li>
          <li><img src="../img/j-076.jpg" alt="" /></li>
          <li><img src="../img/j-077.jpg" alt="" /></li>
        </ul>
      </div>
    </div>
    <!-- 第七部分五金家装区域 -->
    <div class="wujinjiazhuang floor" id="top6">
      <div class="wujinjiazhuang1">
        <h2>五金家装</h2>
        <div class="wujinjiazhuang2">
          <ul>
            <li class="wujinjiazhuang3">电动工具</li>
            <li class="wujinjiazhuang4">仪表</li>
            <li class="wujinjiazhuang5">水槽</li>
          </ul>
        </div>
      </div>
      <div class="wujinjiazhuang8">
        <div class="wujinjiazhuang9">
          <div class="wujinjiazhuang10">
            <a href=""
              ><img src="../img/j-078.png" width="280px" height="460px" alt=""
            /></a>
          </div>
          <div class="wujinjiazhuang11">
            <ul>
              <li>
                <a href="">电动工具</a>
              </li>
              <li>
                <a href="">仪表</a>
              </li>
              <li>
                <a href="">水槽</a>
              </li>
            </ul>
          </div>
        </div>
        <div class="wujinjiazhuang12">
          <ul class="wujinjiazhuang30"></ul>
          <ul class="wujinjiazhuang31" style="display: none"></ul>
          <ul class="wujinjiazhuang32" style="display: none"></ul>
        </div>
        <ul class="wujinjiazhuang26">
          <li><img src="../img/j-086.jpg" alt="" /></li>
          <li><img src="../img/j-087.jpg" alt="" /></li>
          <li><img src="../img/j-088.jpg" alt="" /></li>
          <li><img src="../img/j-089.jpg" alt="" /></li>
          <li><img src="../img/j-090.jpg" alt="" /></li>
          <li><img src="../img/j-091.jpg" alt="" /></li>
          <li><img src="../img/j-092.jpg" alt="" /></li>
          <li><img src="../img/j-093.jpg" alt="" /></li>
        </ul>
        <div class="wujinjiazhuang27">
          <img src="../img/j-094.png" width="1200px" height="100px" alt="" />
        </div>
      </div>
    </div>
    <!-- 第八部分生活电器区域 -->
    <div class="shenghuodianqi floor" id="top7">
      <div class="shenghuodianqi1">
        <h2>生活电器</h2>
        <div class="shenghuodianqi2">
          <ul>
            <li class="shenghuodianqi3">电风扇</li>
            <li class="shenghuodianqi4">冷风扇</li>
            <li class="shenghuodianqi5">净化器</li>
            <li class="shenghuodianqi6">加湿器</li>
            <li class="shenghuodianqi7">扫地机器人</li>
          </ul>
        </div>
      </div>
      <div class="shenghuodianqi8">
        <div class="shenghuodianqi9">
          <div class="shenghuodianqi10">
            <a href=""
              ><img src="../img/j-095.png" width="280px" height="460px" alt=""
            /></a>
          </div>
          <div class="shenghuodianqi11">
            <ul>
              <li>
                <a href="">电风扇</a>
              </li>
              <li>
                <a href="">冷风扇</a>
              </li>
              <li>
                <a href="">净化器</a>
              </li>
              <li>
                <a href="">加湿器</a>
              </li>
              <li>
                <a href="">扫地机器人</a>
              </li>
              <li>
                <a href="">吸尘器</a>
              </li>
            </ul>
          </div>
        </div>
        <div class="shenghuodianqi12">
          <ul class="shenghuodianqi30"></ul>
          <ul class="shenghuodianqi31" style="display: none"></ul>
          <ul class="shenghuodianqi32" style="display: none"></ul>
          <ul class="shenghuodianqi33" style="display: none"></ul>
          <ul class="shenghuodianqi34" style="display: none"></ul>
        </div>
        <ul class="shenghuodianqi26">
          <li><img src="../img/j-103.jpg" alt="" /></li>
          <li><img src="../img/j-104.jpg" alt="" /></li>
          <li><img src="../img/j-105.jpg" alt="" /></li>
          <li><img src="../img/j-106.jpg" alt="" /></li>
          <li><img src="../img/j-107.jpg" alt="" /></li>
          <li><img src="../img/j-108.jpg" alt="" /></li>
          <li><img src="../img/j-109.jpg" alt="" /></li>
          <li><img src="../img/j-110.jpg" alt="" /></li>
        </ul>
      </div>
    </div>
    <!-- 第九部分随手购 -->
    <div class="suishougou" id="top8">
      <div class="suishougou1">
        <h2>随手购</h2>
        <div class="suishougou2">
          <ul>
            <li></li>
            <li></li>
            <li></li>
          </ul>
        </div>
      </div>
      <div class="suishougou3">
        <div class="zuojiantou"><</div>
        <div class="youjiantou">></div>
        <ul class="flder">
          <li class="flder1"></li>
          <li class="flder2"></li>
          <li class="flder3"></li>
          <!--<li>
                    <div class="suishougou4">
                        <img src="../img/j-111.jpg" width="158px" height="158px" alt="">
                    </div>
                    <div class="suishougou5">¥179.00</div>
                    <div class="suishougou6">宏基康佳电风扇塔扇家用塔式落地扇静音无叶风扇定时扇遥控立式大厦扇 换季活动 晒图</div>
                    <div class="suishougou7">查看详情</div>
                </li> -->
        </ul>
      </div>
    </div>
    <!-- 第十部分左侧楼层导航 -->
    <div class="louceng">
      <div class="item active">
        <a href="#top1">热门推荐</a>
      </div>
      <div class="item">
        <a href="#top2">品牌旗舰</a>
      </div>
      <div class="item">
        <a href="#top3">厨房电器</a>
      </div>
      <div class="item">
        <a href="#top4">大家电</a>
      </div>
      <div class="item">
        <a href="#top5">个护健康</a>
      </div>
      <div class="item">
        <a href="#top6">五金家装</a>
      </div>
      <div class="item">
        <a href="#top7">生活电器</a>
      </div>
      <div>
        <span class="shangjiantou"><a href="">^</a></span>
      </div>
    </div>
    <!-- 第十一部分底部区域 -->
    <footer>
      <div class="footer-top">
        <main>
          <div class="footer-service-item footer-icon-001">
            <i></i>
            <span>七天包换</span>
          </div>
          <div class="footer-service-item footer-icon-002">
            <i></i>
            <span>正品保障</span>
          </div>
          <div class="footer-service-item footer-icon-003">
            <i></i>
            <span>好评如潮</span>
          </div>
          <div class="footer-service-item footer-icon-004">
            <i></i>
            <span>闪电发货</span>
          </div>
          <div class="footer-service-item footer-icon-005">
            <i></i>
            <span>权威荣誉</span>
          </div>
          <div class="footer-service-item footer-icon-006">
            <i></i>
            <span>4001-021-758</span>
          </div>
          <div class="footer-service-item footer-icon-007">
            <a href="#">
              <i></i>
              <span>咨询客服</span>
            </a>
          </div>
        </main>
      </div>
      <div class="footer-com">
        <div class="footer-links clearfix">
          <dl class="footer-article-item">
            <dt>新手上路</dt>
            <dd>
              <a href="#">售后流程</a>
            </dd>
            <dd>
              <a href="#">购物流程</a>
            </dd>
            <dd>
              <a href="#">订购方式</a>
            </dd>
          </dl>
          <dl class="footer-article-item">
            <dt>配送与支付</dt>
            <dd>
              <a href="#">货到付款区域</a>
            </dd>
            <dd>
              <a href="#">配送支付智能查询</a>
            </dd>
            <dd>
              <a href="#">支付方式说明</a>
            </dd>
          </dl>
          <dl class="footer-article-item">
            <dt>服务保证</dt>
            <dd>
              <a href="#">退换货原则</a>
            </dd>
            <dd>
              <a href="#">售后服务保证</a>
            </dd>
            <dd>
              <a href="#">产品质量保证</a>
            </dd>
          </dl>
          <dl class="footer-article-item">
            <dt>联系我们</dt>
            <dd>
              <a href="#">网站故障报告</a>
            </dd>
            <dd>
              <a href="#">选机咨询</a>
            </dd>
            <dd>
              <a href="#">投诉与建议</a>
            </dd>
          </dl>
          <dl class="footer-article-item">
            <dt>会员中心</dt>
            <dd>
              <a href="#">资金管理</a>
            </dd>
            <dd>
              <a href="#">我的收藏</a>
            </dd>
            <dd>
              <a href="#">我的订单</a>
            </dd>
          </dl>
          <dl class="footer-contact-item">
            <div class="footer-ewm">
              <img src="../img/header-img/ecjia_qrcode.jpg" alt="" />
              <p>关注微信</p>
            </div>
          </dl>
          <dl class="footer-contact-item">
            <div class="footer-ewm">
              <img src="../img/header-img/ectouch_qrcode.jpg" alt="" />
              <p>下载APP</p>
            </div>
          </dl>
        </div>
        <div class="footer-others">
          <ul class="footer-others-title-list clearfix">
            <li>
              <a href="#">首页</a>
            </li>
            <li>
              <a href="#">隐私保护</a>
            </li>
            <li>
              <a href="#">联系我们</a>
            </li>
            <li>
              <a href="#">免责条款</a>
            </li>
            <li>
              <a href="#">公司简介</a>
            </li>
            <li>
              <a href="#">商家入驻</a>
            </li>
            <li>
              <a href="#">供应商入驻</a>
            </li>
            <li>
              <a href="#">意见反馈</a>
            </li>
          </ul>
          <ul class="footer-others-title-list clearfix">
            <li>
              <a href="#">b2b2c</a>
            </li>
            <li>
              <a href="#"> 多用户商城系统 </a>
            </li>
            <li>
              <a href="#"> 商城系统</a>
            </li>
            <li>
              <a href="#">ecjia新零售</a>
            </li>
          </ul>
          <div class="footer-copyright">
            <p>ICP备案证书号:沪ICP备14029880号-5</p>
            <p>
              版权所有 © 2005-2021 大商创，并保留所有权利。POWERED BY DSCMALL
            </p>
          </div>
        </div>
      </div>
    </footer>
    <!-- 引入外部js插件 -->
    <script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script>
    <!-- 家用店铺下的轮播图 -->
    <script src="../js/jquery.slider.js"></script>
    <!-- 家用电器其它的js代码 -->
    <script src="../js/jiayongdianqi.js"></script>
    <!-- 家用电器区随手购的js代码 -->
    <script src="../js/suishougou.js"></script>
    <!-- 侧边栏的js代码 -->
    <script src="../js/aside.js"></script>
    <!-- 导入数据的js代码 -->
    <script src="../js/allData.js"></script>
    <!-- 引入导入数据的js代码，导入到页面上 -->
    <script src="../js/jiayongdianqishuju.js"></script>
    <script>
      $("#slider").sliderImg({
        imgs: [
          "../img/j-001.jpg",
          "../img/j-002.jpg",
          "../img/j-003.jpg",
          "../img/j-004.jpg",
          "../img/j-005.png",
        ],
      });
    </script>
    <script>
      $(function () {
        var top1Top = $("#top1").offset().top;
        // console.log(top1Top);//480
        $(window).scroll(function (e) {
          // console.log($(window).scrollTop(),$('#top8').offset().top);
          if ($(window).scrollTop() > top1Top) {
            $(".louceng").css("display", "block");
          } else {
            $(".louceng").css("display", "none");
            return;
          }
          // if($(window).scrollTop() > $('#top8').offset().top){
          //     $('.louceng').css('display','none');
          //     return;
          // }
          //循环楼层
          $(".floor").each(function (index, ele) {
            if ($(window).scrollTop() >= ele.offsetTop) {
              $(".item")
                .eq(index)
                .addClass("active")
                .siblings()
                .removeClass("active");
            }
          });
        });
      });
    </script>
  </body>
</html>
